<!DOCTYPE html>
<html ng-app="application">
<head>
	<base href="<?php echo base_url(); ?>">
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, user-scalable=no">

	<title>Trang Giáo Dục Cộng Đồng</title>
	<link rel="stylesheet" href="<?php echo base_url() ?>assets/css/bootstrap.min.css">
	<link rel="stylesheet" href="<?php echo base_url() ?>assets/css/gauge-spinner.css">
	
	<link rel="stylesheet" href="<?php echo base_url() ?>assets/css/font-awesome.css">
	<link rel="stylesheet" href="<?php echo base_url() ?>assets/css/font-import.css">
	<!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,vietnamese' rel='stylesheet' type='text/css'> -->
	<link rel="stylesheet" href="<?php echo base_url() ?>assets/css/style.css">

	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/vendor/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/modernizr.js"></script>
	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/script.js"></script>

	<script type="text/javascript" 
		src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDzmqGgteQuwwllDX9QmG60gVjP6laXDBc">
	</script>			

	<!-- AngularJS Setting -->
	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/vendor/angular.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/vendor/angular-route.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/vendor/angular-animate.min.js"></script>


	<link rel="stylesheet" href="<?php echo base_url() ?>assets/css/loading-bar.css">
	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/loading-bar.js"></script>

	<script>
		var base_url = '<?php echo base_url(); ?>';
	</script>

	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/modules/services/app-services.js"></script>
	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/modules/services/app-lesson-services.js"></script>
	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/modules/services/app-timeline-services.js"></script>
	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/modules/services/app-load-map-api-services.js"></script>

	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/modules/application.js"></script>

	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/modules/controllers/app-home-search-ctrl.js"></script>
	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/modules/controllers/app-lesson-ctrl.js"></script>
	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/modules/controllers/app-reference-ctrl.js"></script>
	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/modules/controllers/app-timeline-ctrl.js"></script>
	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/modules/controllers/app-advance-chooose-ctrl.js"></script>
	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/modules/controllers/app-cat-event-class-ctrl.js"></script>
	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/modules/controllers/app-reference-video-ctrl.js"></script>
	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/modules/controllers/app-user-ctrl.js"></script>

	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/modules/filters/app-filters.js"></script>

</head>
<body ng-controller="GlobalController">
	
	<div class="main-menu">
		<div class="category-menu">
			<form action="" class="fr-search" role="form">
				<input class="form-control input-lg" type="text">
				<button class="submit"><i class="fa fa-search"></i></button>
			</form>

			<div class="block cat">
				<p class="titl"><i class="guide fa fa-chevron-down"></i> &nbsp; DANH MỤC</p>
				<ul class="menu">
					<li>
						<a href="#">TRANG CHỦ</a>
					</li>
					<li>
						<span>KHỐI LỚP</span>
						<ul class="sub">
							<li><a href="#/class/5495147ae09f290ae48b3134">LỚP 6</a></li>
							<li><a href="#/class/54954787e09f290ae48b3135">LỚP 7</a></li>
							<li><a href="#/class/54954b17e09f290ae48b3136">LỚP 8</a></li>
							<li><a href="#/class/54954d3ae09f290ae48b3137">LỚP 9</a></li>
						</ul>
					</li>
					<li>
						<span>PHÂN KỲ LỊCH SỬ</span>
						<ul class="sub">
							<li><a href="#/category/vn">LS VIỆT NAM</a></li>
							<li><a href="#/category/wo">LS THẾ GIỚI</a></li>
						</ul>
					</li>
					<li>
						<span>DÒNG THỜI GIAN</span>
						<ul class="sub">
							<li><a href="#/timeline/vn">LS VIỆT NAM</a></li>
							<li><a href="#/timeline/wo">LS THẾ GIỚI</a></li>
						</ul>
					</li>
					<li>
						<span>DANH MỤC</span>
						<ul class="sub">
							<li><a href="#/">CÂU HỎI NÂNG CAO</a></li>
							<li><a href="#/reference">TƯ LIỆU ĐỌC THÊM</a></li>
							<li><a href="#/videos">PHIM TƯ LIỆU</a></li>
						</ul>
					</li>
				</ul>
			</div> <!-- block -->
		</div>
	</div>
	<div id="topbar">
		<div class="wrapper">
			<a id="menu-button"><i class="fa fa-bars"></i></a>
			
			<ul class="navigation">
				<li>
					<a href="#"><span class="glyphicon glyphicon-home"></span></a>
				</li>
				<li>
					<a href="">KIẾN THỨC THCS</a>
					<ul class="sub">
						<li><a href="#/class/5495147ae09f290ae48b3134">KHỐI LỚP 6</a></li>
						<li><a href="#/class/54954787e09f290ae48b3135">KHỐI LỚP 7</a></li>
						<li><a href="#/class/54954b17e09f290ae48b3136">KHỐI LỚP 8</a></li>
						<li><a href="#/class/54954d3ae09f290ae48b3137">KHỐI LỚP 9</a></li>
					</ul>
				</li>
				<li>
					<a href="">KHÁM PHÁ LỊCH SỬ</a>
					<ul class="sub">
						<li><a href="#/category/vn">PHÂN KỲ LS VIỆT NAM</a></li>
						<li><a href="#/category/wo">PHÂN KỲ LS THẾ GIỚI</a></li>
					</ul>
				</li>
				<li>
					<a href="">KIẾN THỨC HS GIỎI</a>
					<ul class="sub">
						<li><span class="heading">THỜI GIAN & SỰ KIỆN</span>
						<li><a href="#/timeline/vn">LS VIỆT NAM</a></li>
						<li><a href="#/timeline/wo">LS THẾ GIỚI</a></li>
						<hr>
						<li><span class="heading">CÂU HỎI HỌC SINH GIỎI</span>
						<li><a href="#/question/">TỰ LUẬN</a></li>
						<li><a href="#/objtest">TRẮC NGHIỆM</a></li>
					</ul>
				</li>
				<li>
					<a href="">TƯ LIỆU LỊCH SỬ</a>
					<ul class="sub">
						<li><a href="#/hsplace">DI TÍCH - BẢO TÀNG</a></li>
						<li><a href="#/hsperson">DANH NHÂN LỊCH SỬ</a></li>
						<li><a href="#/videos">PHIM TƯ LIỆU</a></li>
					</ul>
				</li>
				<li>
					<a href="#/about">TÁC GIẢ</a>
				</li>
				<li>
					<a href="" data-toggle="modal" data-target="#searchModal"><span class="glyphicon glyphicon-search"></span></a>
				</li>
			</ul>

			<a id="user-button"><i class="fa fa-user"></i></a>
			<div class="user-group">
				<ul class="action">
					<!-- NOT LOGGED IN YET -->
					<li ng-hide="isLogin">
						<a href="" data-toggle="modal" data-target="#loginModal">ĐĂNG NHẬP<i class="fa fa-sign-in"></i></a>
					</li>
					<li ng-hide="isLogin">
						<a href="" data-toggle="modal" data-target="#registerModal">ĐĂNG KÝ <i class="fa fa-star"></i></a>
					</li>

					<!-- LOGGED IN -->
					<li ng-show="isLogin">
						<a href="#/user">TRANG CÁ NHÂN <i class="fa fa-chevron-circle-right"></i></a>
					</li>			
					<li ng-show="isLogin">
						<a href="" ng-click="logoutAct()">ĐĂNG XUẤT <i class="fa fa-sign-out"></i></a>
					</li>

				</ul>
			</div>
		</div> <!-- wrapper -->
	</div>  <!-- Topbar -->

	<div class="main-page">	
		<div class="loading" ng-show="loadingView">
			<div class="gauge">
				Loading...
			</div>
		</div>
		<div id="main-content" ng-view ng-hide="loadingView">
			

		</div> <!-- Main Content -->
	</div> <!-- Main Page -->

	<!-- ================================================================================================ -->
	<!-- ================================================================================================ -->
	<!-- ================================================================================================ -->
	<!-- ================================================================================================ -->

	<div class="modal fade" id="loginModal">
		<div class="modal-dialog">
			<div class="modal-content">
				<form role="form" name="loginForm" ng-submit="loginAct()">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title">ĐĂNG NHẬP</h4>
				</div>
				<div class="modal-body">
					<label for="">Tên đăng nhập</label>
					<input type="text" class="form-control" name="username" ng-model="loginF.userName" required>
					<label for="">Mật khẩu</label>
					<input type="password" class="form-control" name="password" ng-model="loginF.password" required>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-danger" data-dismiss="modal">BỎ QUA</button>
					<input type="submit" class="btn btn-primary" value="ĐĂNG NHẬP">
				</div>
				</form>
			</div>
		</div>
	</div>

	<div class="modal fade" id="registerModal">
		<div class="modal-dialog">
			<div class="modal-content">
				<form role="form" name="regisForm" ng-submit="regisAct()">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title">ĐĂNG KÝ</h4>
				</div>
				<div class="modal-body">
					<label for="">Email</label>
					<input type="email" class="form-control" ng-model="newuser.email" required>
					<label for="">Tên đăng nhập</label>
					<input type="text" class="form-control" ng-model="newuser.userName" required>
					<label for="">Mật khẩu</label>
					<input type="password" class="form-control" ng-model="newuser.password" required>
					<label for="">Nhập lại mật khẩu</label>
					<input type="password" class="form-control" ng-model="newuser.repassword" required>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-danger" data-dismiss="modal">BỎ QUA</button>
					<input type="submit" class="btn btn-primary" value="ĐĂNG KÝ">
				</div>
				</form>
			</div>
		</div>
	</div>

	<div class="modal fade" id="searchModal">
		<div class="modal-dialog">
			<div class="modal-content">
				<form role="form" ng-submit="getSearch()">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title">TÌM KIẾM</h4>
				</div>
				<div class="modal-body">
					<div class="input-group">
						<div class="input-group-addon"><span class="glyphicon glyphicon-search"></span></div>
						<input type="text" class="form-control" ng-model="headSearch">
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-danger" data-dismiss="modal">BỎ QUA</button>
					<input type="submit" class="btn btn-primary" value="TÌM">
				</div>
				</form>
			</div>
		</div>
	</div>

	<div class="modal fade" id="alertMessage">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title">THÔNG BÁO</h4>
				</div>
				<div class="modal-body">
					<p class="msg-content">&nbsp;</p>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-success" data-dismiss="modal">XÁC NHẬN</button>
				</div>
			</div>
		</div>
	</div>
</body>
</html>